<link rel="stylesheet" href="debatewise.gadgets.css" type="text/css" /> 
<script type="text/javascript"> 
	if ((document.getElementById)||(document.layers)) {
		var doc = document;
	} else {
		var doc = document.all;
	}
  function toggleVisible(id) {
    if(doc.getElementById(id).style.display=="none"){
      doc.getElementById(id).style.display = "block";
    } else {
      doc.getElementById(id).style.display = "none";
    }
  }
  function robotAddParticipant(waveid) {
  }
 
// --- Page specific functions
 
  function makeLiDebate() {
    // make li, append:
      // h3 "Debate "+debatenum+": "+title
      // h4 "Motion: "+motion;
      // p   "Proposition: "+proposition; 
      // p class=bold  status(open/closed etc.) + " Votes for: "+ span color = green + votesfor + ", against: " + span color = red + votesagainst
      // h4 class = pointer onclick=joinDebate(debate_key) + "Join the debate >"
    // return li
  }
  function makeIndex() {
    // get data
    // template meta-div:
      // id debate-title
      // id debate-summary
    // list debates:
      // for each debate:
        // makeLiDebate(json.debate[i])
        // append li to ul id debates-list
  }
</script> 
<div id="debate"> 
  <div id="div-title" class="meta-div"> 
    <h1 class="debate-headline" id="debate-title" style="width:100%">Debatewise: Index of debates</h1> 
    <a href="http://debatewise.org" class="logoOnWave"><img src="http://debatewise.org/images/global/debatewise-small-logo.gif" width="100" height="45" alt="Powered by Debatewise" title="Powered by Debatewise" border="0" /></a>
		<p class="debate-sumamary">This gadget contains the functionality for administration of the debatewise Copenhagen debates. This part of the gadget here is the meta information about the debate series. Within this we might include some links, or embed a video, or whatever... <a href="en.wikipedia.org/wiki/Alan_Turing">here's some information about Alan Turing</a> (not that he has much to do with climate change!</p> 
  </div> 
  <div class="horizontalLineBottom"></div>
  <div class="tab_content" id="executive_summary_tab" style="display: block;"> 
    <div id="debate-headlines-wrapper"> 
      <div class="debate-headlines-hr"></div> 
			<div id="debates-list-div"> 
        <ul class="list" id="debates-list"> 
          <li> 
            <h3>Debate 10</h3> 
            <h4><span class="propOpp">Motion:</span> The motion of the debate goes here, and can be quite a long sentence which covers a number of points. In fact it could be a couple of sentences.</h4> 
            <p><span class="propOpp">Proposition:</span> The proposition for the debate goes here. The opposition to the debate wont be listed here. This could be quite a substantial paragraph, so I'll just keep waffling on here for a minute or two's worth of dummy text. Hmm... are you still reading this? You really shouldn't be. It is not informative. It is just junk chars that I am padding out a paragraph with. Never mind.</p> 
            <p class="bold">OPEN TO DEBATE AND VOTE. <br /><span class="votesIntro">Vote totals:</span>For: <span class="yesColour fontSizeUp">153</span> Against: <span class="noColour fontSizeUp">119</span></p> 
            <p class="small">Started: 27th November, 12.45pm. <br />Debate ends: 28th November, 12.45pm. <br />Vote ends: 29th November, 12.45pm.</p> 
            <h4 class="pointer" onclick="joinDebate('10')">Join the debate ></h4> 
          </li> 
          <li class="noBG"> 
            <h3>Debate 9</h3> 
            <h4><span class="propOpp">Motion:</span> The motion of the debate goes here, and can be quite a long sentence which covers a number of points. In fact it could be a couple of sentences.</h4> 
            <p><span class="propOpp">Proposition:</span> The proposition for the debate goes here. The opposition to the debate wont be listed here. This could be quite a substantial paragraph, so I'll just keep waffling on here for a minute or two's worth of dummy text. Hmm... are you still reading this? You really shouldn't be. It is not informative. It is just junk chars that I am padding out a paragraph with. Never mind.</p> 
            <p class="bold">OPEN TO VOTE. <br /><span class="votesIntro">Vote totals:</span>For: <span class="yesColour fontSizeUp">30</span> Against: <span class="noColour fontSizeUp">17</span></p> 
            <p class="small">Started: 27th November, 11.30am. <br />Debate ends: 28th November, 11.30am. <br />Vote ends: 29th November, 11.30am.</p> 
            <h4 class="pointer" onclick="joinDebate('9')">Join the debate ></h4> 
          </li> 
          <li> 
            <h3>Debate 8</h3> 
            <h4><span class="propOpp">Motion:</span> The motion of the debate goes here, and can be quite a long sentence which covers a number of points. In fact it could be a couple of sentences.</h4> 
            <p><span class="propOpp">Proposition:</span> The proposition for the debate goes here. The opposition to the debate wont be listed here. This could be quite a substantial paragraph, so I'll just keep waffling on here for a minute or two's worth of dummy text. Hmm... are you still reading this? You really shouldn't be. It is not informative. It is just junk chars that I am padding out a paragraph with. And this is the third time now...</p> 
            <p class="bold closed">CLOSED. <br /><span class="votesIntro">Vote totals:</span>For: <span class="yesColour fontSizeUp">10</span> Against: <span class="noColour fontSizeUp">14</span></p> 
            <p class="small">Started: 26th November, 19.00pm. <br />Debate ends: 26th November, 19.00pm. <br />Vote ends: 26th November, 19.00pm.</p> 
            <h4 class="pointer" onclick="joinDebate('8')">Join the debate ></h4> 
          </li> 
        </ul> 
			</div> 
      <div class="debate-headlines-hr"></div> 
  	</div> 
	</div> 
</div> 